<template>
  <div>
    <el-tabs v-model = "activeName">
      <!--视频标签页-->
      <el-tab-pane label = "视频" name = "video">
        <v-tag-container>
          <video-mv-video-tag></video-mv-video-tag>
        </v-tag-container>
      </el-tab-pane>
      <!--MV标签页-->
      <el-tab-pane label = "MV" name = "mv">
        <v-tag-container>
          <mv-tag></mv-tag>
        </v-tag-container>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>

import {ref} from "vue";
import VideoMvVideoTag from "@/views/VideoMv/VideoTag";
import VTagContainer from "@/views/DiscoveredMusic/DiscoveredTagContainer";
import MvTag from '@/views/VideoMv/MvTag'


let activeName = ref('video')
</script>

<style lang = "less" scoped>
:deep(.el-tabs) {

  .el-tabs__nav-scroll {
    padding: 0 30px;
  }

  .el-tabs__content {
    height: 100%;
  }

  .el-tabs__nav-wrap::after {
    height: 0;
  }

  .el-tabs__item.is-active {
    color: black;
    font-size: 15px;
    font-weight: bolder;
  }

  .el-tabs__item:hover {
    color: black;
    font-weight: bold;
  }

  .el-tabs__active-bar {
    background-color: var(--slider-button-color);
  }
}

</style>